/* Global Styles */
legend
{
	font: normal 11px Arial, Verdana, Sans-serif;
	color: black;
}

fieldset
{
	border-top: 2px outset white;
	border-left: 2px outset white; 
	border-bottom: 2px inset white;
	border-right: 2px inset white;  
	margin:4px;
} 

body
{
	scrollbar-face-color: #E9E9E9;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #E9E9E9;
	scrollbar-3dlight-color: #DBDBDB;
	scrollbar-arrow-color: #787878;
	scrollbar-track-color: #F5F5F5;
	scrollbar-darkshadow-color: #AEAEAE;
	background:#f7f7f7;
	border:0px;
	margin:0px;	
}

body.Body 
{
	background: #59CCFF url(CssImg/windowBg.jpg) repeat-x;
	font-family: Arial, Verdana;
}


/* Text-related Styles */
.Text
{
	FONT-SIZE: 11px;
	FONT-FAMILY: Arial, Verdana;
	color: black;
}

LABEL, .Label
{
	FONT-SIZE: 11px;
	FONT-FAMILY: Arial, Verdana;
	color: black;
	padding-left:4px;
}
.DisabledLabel
{
	FONT-SIZE: 11px;
	FONT-FAMILY: Arial, Verdana;
	color: Gray;
}
.Message
{
	FONT-SIZE: 12px;
	COLOR: blue;
	FONT-FAMILY: Tahoma
}
.ErrorMessage
{
	FONT-SIZE: 12px;
	COLOR: red;
	FONT-FAMILY: Tahoma
}

/* Button related styles */

input.Button,
button.Button 
{
	border: 0px; 
	margin: 3px; 
	margin-left:6px;
	width: 67px;
	height: 21px;
	color: white;
	font: bold 11px Arial, Verdana, Sans-serif;
	background: transparent url('CssImg/button.gif'); 
	text-align: center;
	vertical-align: middle;
}

button.ImageButton
{
	border: 0px;
	background: transparent;
	width: 22px;
	height: 20px;
	vertical-align: top;
}

.DialogUtilityArea
{
	border: solid 1px #999;
	background: #ccccee;
	margin-top: 3px;	
	margin-bottom: 0px;	
}

/* Dialog Holder related properties */
.FileNodeTreeHolder
{
	border: solid #6788be 1px;
	overflow: auto;
	width: 200px;
	height: 230px;
	background: white;
	vertical-align: top;
}

.PreviewAreaHolder
{
	border: solid #6788be 1px;
	vertical-align: middle;
	overflow: auto;
	width: 250px;
	height: 230px;
	background: white;
	text-align: center;
}

/* Image-button related styles in the dialogs */ 
.ImageButtonHolder
{
	background: white;
	border: solid 1px #6788be;
	border-bottom: 0px;
}

.ImageButtonHolder A
{	
	width:22px;/*IE*/
	margin:1px;	
}

.ImageButtonHolder A:hover
{
	margin:0px;
	background-color: white;
	border: solid 1px white;
}
 
.ImageButtonHolder A.Disabled, .ImageButtonHolder A.Disabled:hover
{	
	width:22px;/*IE*/	
	margin: 1px;
	background: white;
	border: solid 1px white;	
	filter:alpha(opacity=30);
	-moz-opacity:0.3;	
}

INPUT.ButtonDisabled, BUTTON.ButtonDisabled
{
	border: 0px;
	margin: 3px;
	WIDTH: 80px;
	FONT-FAMILY: Arial;
	HEIGHT: 22px;
	BACKGROUND-image: url(CssImg/button.gif);
	TEXT-ALIGN: center;
	font-size:11px;
	font-weight:bold;
}

INPUT.File
{	
	border:1px solid #999999;
	font-size:11px;	
}

/* TextBox related styles */
INPUT.RadETextBox
{
	padding-left: 2px;
	border: solid 1px #6788be;
	border-bottom-width: 2px;
	font: menu;
	font-size: 12px; 
	margin:1px;	 
}

/* DropDown related styles */
select.DropDown
{
	FONT-FAMILY: Tahoma;
	padding-left:2px;
	font-size:11px;
	margin:2px;
}

/* MainTable related styles */
table.MainTable
{
	background: white;
}

table.MainTable th
{
	text-align:left;
	padding-left: 10px;
	font-family: Arial;
	height: 37px;
	background: #a0b8db url('CssImg/TabsBg.gif') repeat-x bottom;
	width: 100%;
}

table.MainTable td.MainTableContentCell
{
	padding: 10px;
}

/* TD Related styles */
TD.Padded
{
	padding: 2px 2px 2px 1px;
}

/* Separator-related styles */
td.VerticalSeparator 
{
	border-left: solid 1px red;
	width: 2px;
}

td.HorizontalSeparator
{
	border-bottom: solid 1px green;
}

/* dialog - tab-related styles */
table.Tab
{	
	cursor: pointer;
	cursor: hand;
	font: normal 11px Arial, Verdana, Sans-serif;
	height: 22px;
}

table.TabSelected
{
	cursor: default;
	font: normal 11px Arial, Verdana, Sans-serif;
	color: #333;
	height: 22px;
}

.TabLeftSelected
{
	width: 10px;
	font-size: 1px;
	background: url('CssImg/TabLeftSelected.gif') no-repeat;
} 

.TabCenterSelected
{
	background: transparent url('CssImg/TabMiddleSelected.gif') repeat-x;
	text-align: center;
	padding: 0px 2px;
	height: 22px;
}

.TabRightSelected
{
	width: 10px;
	font-size: 1px;
	background: transparent url(CssImg/TabRightSelected.gif) no-repeat;
}

.TabLeft,
.TabLeftDisabled
{
	width: 10px;
	height: 22px;
	font-size: 1px;
	background: url('CssImg/TabLeft.gif');
}

.TabCenter,
.TabCenterDisabled
{
	text-align: center;
	background: #6788be;
	padding: 0px 2px;
	color: white;
	font: bold 11px Arial, Verdana, Sans-serif;	
}

.TabRight,
.TabRightDisabled
{
	width: 10px;
	height: 22px;
	font-size: 1px;
	background: transparent url(CssImg/TabRight.gif) no-repeat;
}

table.TabDisabled
{
	cursor: crosshair;
	cursor: no-drop;
	font: bold 13px Arial, Verdana, Sans-serif;	
	height: 22px;
	filter: alpha(opacity=50); /* IE */
	-moz-opacity: 0.5; /* Mozilla */
	opacity: 0.5; /* CSS, Mozilla */
}

/* Tree-node related styles */
.TreeNodeSelected td,
.TreeNodeSelected td a
{
	cursor:hand;
	cursor:pointer;
	font-size:11px;
	font-family:Tahoma;
	padding:1px 0px 1px 1px;	
	background-color: #f2f2f2;
	text-decoration:none;
	color: black;
}

.TreeNodeDefault td,
.TreeNodeDefault a,
.TreeNodeDefault a:visited
{
	cursor:hand;
	cursor:pointer;
	font: normal 11px Aria, Verdana, Sans-serif;
	padding: 1px 0px 1px 1px;	
	text-decoration: none;
}

.TreeNodeDefault A:hover
{
	color: #999;
	cursor: hand;
	cursor: pointer;
	text-decoration: underline;
	font: normal 11px Aria, Verdana, Sans-serif;
	padding: 1px 0px 1px 1px;		
}

.FileBrowserSortHeader
{
	cursor: hand;
	cursor: pointer;
	font: normal 11px Arial, Verdana, Sans-serif;
	border-top: solid 1px white;
	border-left: solid 1px #ccc;
	border-right: solid 1px #9baac6;
	background: #a0b8db;
	color: white;
}

td.TableDialogCell
{
	background: #ccc;
}


td.TableDialogSelectedCell
{
	background: #999;
}

td.TableDialogTableHolder
{
	background: white;
	border: solid 1px #bbb;
}

/* --- Drop down menu --- */
.MenuButton		
{
	margin:3px; 
	position:absolute;
	width:14px; 
	height:14px; 
	font-size:4pt; 
	border:1px solid #cccccc;
	background-repeat: no-repeat;
	background-position: center;
}

.MenuElement
{
	position: absolute;
	background-color: #009900;	
	z-index: 1000;
}

/* --- Color picker --- */
.RadEColorPicker
{
	border:1px solid #7F9DB9;
	background-color: white; 
	cursor:default;
}
.RadEColorPicker TD
{	
	border:1px solid white; 
	height:14px;
	text-align:center;
}

.RadEColorPicker TD.Over
{
	border:1px solid #bbbbbb;			
	height:14px;
}

.RadEColorPicker TD DIV
{
	border: 1px solid #808080;
	width: 12px;
	height: 13px;
	font-size:5pt;			
}

/* --- Alignment selector --- */
.AlignmentControlTable
{
	background-color:#fefefe;
	border: 1px solid #7F9DB9;
	cursor:default;
}

.AlignmentControlTable A
{	
	width:22px;/*IE*/
	margin:1px;	
}

.AlignmentControlTable A:hover
{
	margin:0px;
	background-color:#e3e3e3;
	border:1px solid #bbbbbb;	
} 

/* TableBorderControl */
.TableBorderControlMain 
{
	border: 1px solid #bbbbbb;
	BACKGROUND-COLOR: white;
	margin:5px;
}

.TableBorderControlMain A
{	
}

.TableBorderControlMain A:hover
{
	background-color:#e3e3e3;
	border:1px solid #666666;
}

.TableBorderControlMain TD.HButtonHolder
{
	border: 1px solid #bbbbbb;
	background-image: url(Dialogs/tableBorderControlH.gif);
	background-repeat: repeat-x;
	padding: 2px;
} 

.TableBorderControlMain TD.VButtonHolder 
{
	text-align:left;
	border: 1px solid #bbbbbb;
	background-image: url(Dialogs/tableBorderControlV.gif);
	background-repeat: repeat-y;
	width: 20px;
}

.TableBorderControlMain TD.Preview
{
	border: 1px solid #bbbbbb;
	background-color: #f7f7f7;
}
				
.TableBorderControlPreview
{
	background: white;
}

.TableBorderControlPreview TD 
{
	/*border-color: #0099cc;*/
}

.TableBorderControlPreviewNoBorder
{ 
	background-color: #ffffff;
	BORDER-RIGHT: 1px dotted #999999;
	BORDER-BOTTOM: 1px dotted #999999;
}

.TableBorderControlPreviewNoBorder TD
{
	padding: 2px;
	background-color: #ffffff;
	BORDER-TOP: 1px dotted #999999;  
	BORDER-LEFT: 1px dotted #999999;
}


/* Plus and Minus "buttons" */
TD.SizeButtonHolder
{
}

TD.SizeButtonHolder IMG
{
	border: 1px solid #2E74CF;
	background-color: White;
}

TD.SizeButtonHolder IMG.Over
{
	background-color: #e3e3e3;
	border: 1px solid #666666;
}

TD.SizeButtonHolder IMG.Disabled
{
	background-color:transparent;
	border:0px solid transparent;
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
}

/* --- Color picker --- */
.RadEColorPickerLabel
{
	font-size: 11px;
	font-family: Arial, Verdana;
	color: green;
	text-align: center;
}

.ColorPickerMainButton 
{
	height:22px;
	width:30px;
	/*padding-left:4px;	*/
	vertical-align:middle;
	border:0px solid #cccccc;
	text-align:left;
	background-color:Transparent;
	background-image:url(Dialogs/ColorPickerIcon.gif);
}

.ColorPickerMainButtonOver
{
	height:22px;
	width:30px;
	/*padding-left:4px;	*/
	vertical-align:middle;
	border:0px solid red;
	text-align:left;
	background-color:Transparent;
	background-image:url(Dialogs/ColorPickerIconOver.gif);
}

.ColorPickerMenuSpan
{
	margin:3px;
	/*position:absolute;*/
	width:12px; 
	height:12px; 
	font-size:4pt; 
	border:1px solid #cccccc;
	background-repeat: no-repeat;
	background-position: center;
}

/* --- Alignment selector --- */
.AlignmentMainButton 
{
	height:22px;
	width:30px;
	padding-left:4px;	
	vertical-align:middle;
	border:0px solid #cccccc;
	text-align:left;
	background-color:Transparent;
	background-image:url(Dialogs/AlignmentSelectorIcon.gif);
}

.AlignmentMainButtonOver
{
	height:22px;
	width:30px;
	padding-left:4px;	
	vertical-align:middle;
	border:0px solid #cccccc;
	text-align:left;
	background-color:Transparent;
	background-image:url(Dialogs/AlignmentDropdownOver.gif);
}

/* --- TableBorderControl --- */
.TableBorderControlMain	TABLE.ImageButtonHolder
{
	background-color: Transparent;
	border: 0px solid #cccccc;
}

/* ------------------------- Editor Dropdown "Header" Styles ---------------------------------*/
.RadEDropDown
{
	cursor:default;
	background-color:white;
	border:1px solid #A6A6A6;
	font:normal 11px Tahoma;
	width: 13px;
	height: 16px;
}

.RadEDropDownOver
{
	cursor:default;
	background-color:white;
	border:1px solid #0A246A;
	font:normal 11px Tahoma;
	width: 13px;
	height: 16px;
}